@charset "utf-8";
@import "_common.scss";

// 引擎
.engine {
	background-color: #fbfaf7;
	border-bottom: 1px solid #eaeaee;
	.first_title {
		margin-top: 104px;
		font-size: 48px;
		color: #0078d7;
		font-weight: bold;
	}
	.first_desc {
		margin-top: 33px;
		font-size: 30px;
		color: #666666;
		margin-bottom: 46px;
	}
	.second {
		padding-bottom: 100px;
	}
	.second_content {
		display: flex;
		flex-wrap: nowrap;
		margin-bottom: 46px;
		div[class*="icon"] {
			flex-shrink: 0;
			width: 64px;
			height: 64px;
			border-radius: 4px;
		}
		.icon1 {
			background-image: url(../img/yq_01.png);
		}
		.icon2 {
			background-image: url(../img/yq_02.png);
		}
		.icon3 {
			background-image: url(../img/yq_03.png);
		}
		.icon4 {
			background-image: url(../img/yq_04.png);
		}
		.second_message {
			margin-left: 14px;
			.second_title {
				color: #333333;
				font-size: 19px;
				margin-bottom: 14px;
			}
			.second_desc {
				color: #666666;
				font-size: 14px;
			}
		}
	}
	.eng_img {
		margin-top: 137px;
	}
}
// 优势
.advantage {
	.adv_img {
		margin-top: 190px;
		margin-bottom: 95px;
	}
	.adv_content {
		padding-bottom: 90px;
		h2 {
			color: #8fc31f;
			font-size: 48px;
			margin-top: 114px;
			font-weight: bold;
			margin-bottom: 44px;
		}
		.list_item {
			display: flex;
			align-items: center;
			margin-bottom: 16px;
			div[class*="icon"] {
				flex-shrink: 0;
				width: 54px;
				height: 54px;
			}
			.icon1 {
				background-image: url(../img/ys_01.png);
			}
			.icon2 {
				background-image: url(../img/ys_02.png);
			}
			.icon3 {
				background-image: url(../img/ys_03.png);
			}
			.icon4 {
				background-image: url(../img/ys_04.png);
			}
			.text {
				margin-left: 10px;
				font-size: 14px;
				color: #666666;
			}
		}
	}
}
// 产品家族
.product {
	color: #fffefe;
	background-color: #0079d7;
	padding-bottom: 146px;
	h2 {
		text-align: center;
		font-size: 48px;
		margin-top: 111px;
	}
	.pro_item{
		margin-top: 79px;
		display: flex;
		div[class*="icon"] {
			flex-shrink: 0;
			margin-top: 10px;
		}
		.icon1 {
			width: 66px;
			height: 66px;
			background-image: url(../img/cp_01.png);
		}
		.icon2 {
			width: 60px;
			height: 60px;
			background-image: url(../img/cp_02.png);
		}
		.icon3 {
			width: 64px;
			height: 63px;
			background-image: url(../img/cp_03.png);
		}
		.icon4 {
			width: 74px;
			height: 70px;
			background-image: url(../img/cp_04.png);
		}
		.icon5 {
			width: 64px;
			height: 65px;
			background-image: url(../img/cp_05.png);
		}
		.icon6 {
			width: 64px;
			height: 63px;
			background-image: url(../img/cp_06.png);
		}
		.pro_content {
			margin-left: 61px;
			margin-right: 90px;
			.pro_title {
				font-size: 33px;
			}
			.pro_text {
				font-size: 14px;
				margin-top: 17px;
				line-height: 2;
				text-align: justify;
			}
		}
	}
}
// 精彩游戏
.game {
	.game_title {
		display: flex;
		justify-content: space-between;
		margin-top: 86px;
		color: #2a2a2a;
		h2 {
			font-size: 35px;
		}
		a {
			flex-shrink: 0;
			font-size: 14px;
			margin-left: 20px;
		}
	}
	.game_content {
		margin-top: 45px;
		margin-bottom: 17px;
		.game_video {
			border-radius: 5px;
			margin-bottom: 30px;
			overflow: hidden;
			video {
				width: 100%;
			}
			
		}
		.game_list {
			.game_item {
				text-align: center;
				margin-bottom: 33px;
				.game_img {
					
				}
				.game_name {
					margin-top: 7px;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
				}
			}
		}
	}
}
// 合作伙伴
.cooperation {
	background-color: #f4f4f4;
	h2 {
		margin-top: 40px;
		margin-bottom: 36px;
		font-size: 30px;
		small {
			font-size: 11px;
		}
	}
	.coo_item {
		margin-bottom: 44px;
		.coo_img {
			margin-bottom: 20px;
			img {
				width: 100%;
			}
		}
	}
}


@media only screen and (min-width:768px) and (max-width:991px) {
	.navbar-brand {
		padding-left: 10px;
	}
	.nav > li > a {
	    padding: 15px 5px;
	}
	.navbar-right {
	    margin-right: -20px;
	}
}
@media only screen and (max-width: 992px) {
	.product .pro_item .pro_content {
		margin-right: 20px;
	}
}
.video {
	display: flex;
	justify-content: center;
}
